/* 
Document   : style
Created on : Mar 25, 2008, 8:03:41 PM
Author     : Tom Hayden
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* needed for container min-height */
    background: #FFFFFF;
    
    font-family: verdana, arial, sans-serif;
    font-size: small;
    color: #000000;
}

h1 {
    font-family: verdana;
    font-size: 1.5em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    margin: 0.5em 0pt;
}
h2 {
    font-family: verdana;
    font-size: 1.25em;
    font-style: normal;
    font-variant :normal;
    font-weight: bold;
    line-height: normal;
    margin: 0pt 0pt 0.5em;
}
h1, h2, a {
    color: #6633CC;
}
p {
    line-height: 1.5;
    margin: 0pt 0pt 1em;
}

textarea, optgroup, input, select  {
    color: #055269;
    background-color: #EAF4F7;
    border: 1px solid #94BAC5;
    padding: 1px;
}
.element {
    background-color: #FFFFFF;
    border: 0px solid;
}

.limiteTextArea {
  background: url('../img/textarea.png') no-repeat;
  background-position: -300px 0px;
  width: 300px;
  height: 14px;
  text-align: center;
  color: #000000;
  font-size: 8pt;
  text-transform: uppercase;
  border: solid 1px;
}

table {
    border-collapse: collapse;
}
table th, table td {
    padding: 2px 20px 2px 5px;
    white-space: nowrap;
}
table.form th {
    padding: 2px 0pt 2px 5px;
    text-align: right;
    font-weight: normal;
}
table.grid td {
    border: solid 1px #999999;
}
table.grid th {
    padding: 2px 0pt 2px 5px;
    text-align: center;
    font-weight: bold;
    border: solid 1px #999999;
    background-color: #CCCCFF;
}
td.required, tr.required td {
    background: transparent url('../img/req.gif') no-repeat scroll right center;
    margin-right: 8px;
}

.page {
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
    width: 800px;
    background: #FFFFFF url('../img/bgheader.gif') repeat-x;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
}

.header {
    height: 107px;
}

.body {
    /*background: url('../img/fundo.gif') no-repeat scroll;
    background-position: center;*/
    padding: 1em 1em 5em; /* bottom padding for footer */
}

.footer {
    position: absolute;
    width: 100%;
    bottom: 0; /* stick to bottom */
    background: #EEEEEE;
    border-top: 1px solid gray;
}

.msgErro {
    background: #FFE3D4 url('../img/error.png') no-repeat scroll 7px 10px;
    border: 1px solid #FF7348;
    color: #FF7348;
    line-height: 22px;
    margin: 5px;
    padding: 6px 30px;
}

.msgSucesso {
    background: #D4FFD4 url('../img/accept.png') no-repeat scroll 7px 10px;
    border: 1px solid #00B900;
    color: #006600;
    line-height: 22px; 
    margin: 5px;
    padding: 6px 30px;
}

.msgAtencao {
    background: #FFFFCE url('../img/warning.png') no-repeat scroll 7px 10px;
    border: 1px solid #F0C000;
    color: #CC9900;
    line-height: 22px; 
    margin: 5px;
    padding: 6px 30px;
}

.msgInformacao {
    background: #D8E4F1 url('../img/information.png') no-repeat scroll 7px 10px;
    border: 1px solid #3C78B5;
    color: #3C78B5;
    line-height: 22px; 
    margin: 5px;
    padding: 6px 30px;
}

.boxLogin {
    margin: 4em auto;
    padding: 3em;
    position: relative;
    border: 1px solid threedshadow;
    max-width: 20em;
    max-height: 6em;
}